<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			#qudian{
				list-style: none;
			}
		</style>
	</head>
	<body>
		<!-- 3.新制作一个注册页面，要求
		      3.1 要求包含用户名，密码，性别，学院，爱好，自我介绍及提交按钮
		      3.2 包含:输入框，密码框，单选框，多选框，文本域，下拉列表
		      3.3 每个需要提交的标签都要有name值
		      3.4 按照name的方式查找各个元素
		      3.5 按照标签的方式查找各个元素 -->
			  <ul id="qudian">
			  	<li>用户名：<input type="text" name="yhm" id="" value="" /></li>
				<li>密码：<input type="password" name="mm" id="" value="" /></li>
				
				<li>性别：<input type="radio" name="xb" id="" value="nan" checked="checked" />男
				<input type="radio" name="xb" id="" value="nv" checked="checked" />女
				</li>
				
				<li>
					学院：<select name="xy">
					<option value ="">软件工程学院</option>
					<option value ="">信息制造学院</option>
				</select>
				</li>
				
				<li>爱好：<input type="checkbox" name="ah" id="" value="" />篮球
				<input type="checkbox" name="" id="" value="" />羽毛球
				</li>
				
				<li>自我介绍：<textarea name="zwjs" rows="10" cols="30" ></textarea></li>
				<li><button type="submit">提交</button></li>
				
			  </ul>
			  <button type="button" onclick="namee();">按照name的方式查找各个元素</button>
			  <button type="button" onclick="biao();">按照标签的方式查找各个元素</button>
	</body>
	<script type="text/javascript">
		function namee(){
			console.log(document.getElementsByName('yhm'));
			console.log(document.getElementsByName('mm'));
			console.log(document.getElementsByName('xb'));
			console.log(document.getElementsByName('xy'));
			console.log(document.getElementsByName('ah'));
			console.log(document.getElementsByName('zwjs'));
		}
		function biao(){
			console.log(document.getElementsByTagName('ul'));
			console.log(document.getElementsByTagName('li'));
			console.log(document.getElementsByTagName('input'));
			console.log(document.getElementsByTagName('select'));
			console.log(document.getElementsByTagName('option'));
			console.log(document.getElementsByTagName('button'));
		}
	</script>
</html>
